<template>
	<!-- 寻配件 -->
	<view>
		<view class="search-bar">
			<u-search :show-action="false" placeholder="请输入您想查找的商品" bg-color="#fff" v-model="keyWords" @search="search"></u-search>
		</view>
		<view class="top-bar flex flex-ac-c">
			<view class="li" v-for="(item, i) in menu" @click="fabuxcclick(item.url)" :key="i">
        <i-icon :icon="item.icon"  type='multiple'  size='79rpx'></i-icon>
				<view class="name">{{ item.text }}</view>
			</view>
		</view>
    <u-sticky offset-top="24" @fixed="isSticky = true" @unfixed="isSticky = false" bg-color="transparent">
      <view :class="['filter', isSticky ? 'width375' : 'sticky']">
        <view class="border-bottom-1 stickytitle" :class="isSticky ? 'pad-l-20' : ''">寻件列表<text class="num" v-show="!isNaN(total)">（{{ total }}）</text></view>
          <accessory-filter @change="fillterList" @open="openFillter" :from-page="1"></accessory-filter>
      </view>
    </u-sticky>



		<!-- 无内容默认图片 -->
		<view class="default" v-if="showimg" >
			<defaultImg msg="暂无配件" ></defaultImg>
		</view>
		

    <view class="looking-car" v-else>
<!--      <scroll-view scroll-y @scrolltolower="getList" class="scroll">-->
		  <list-card v-for="(item,index) in list" :key="index" :info="item"></list-card>
        <view v-show="showText" class="end">{{ text }}</view>
<!--      </scroll-view>-->
    </view>


	</view>
</template>
<script src="./accessoryIndex.js"></script>
<style lang="scss" scoped>
	@import './accessoryIndex';
</style>
